.ant-layout-has-sider {
  height: 100vh;
}

.ant-layout-header {
  display: flex;
  // justify-content: space-between;
  align-items: center;
  .headerBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.trigger {
  padding: 0 24px;
  font-size: 18px;
  line-height: 64px;
  cursor: pointer;
  transition: color 0.3s;
}

.trigger:hover {
  color: #1890ff;
}

.site-layout .site-layout-background {
  background: #fff;
}

.ant-layout-sider {
  background-color: #82d7f7;
}

// 设置菜单样式
.ant-menu,
.ant-menu-sub,
.ant-menu-inline {
  color: white;
  background-color: #40a9ff !important;
}

// 设置子菜单展开样式
.ant-menu-submenu > .ant-menu {
  background-color: #40a9ff !important;
}
.ant-menu-submenu-title {
  color: white !important;
}
// 去掉右边框
.ant-menu-inline {
  border: none;
  margin: 0px;
}
// 设置 a 链接样式
.ant-menu-item a {
  color: white !important;
}
.ant-menu-item a:hover {
  color: white !important;
}
.ant-menu-item a:active:before {
  color: #044d50 !important;
}
.ant-menu-item a:active:after {
  color: #044d50 !important;
}
// 下拉箭头样式
.ant-menu-submenu-arrow {
  color: white !important;
}

// 菜单收缩样式
.ant-menu.ant-menu-inline-collapsed {
  width: 60px;
}
// 设置收缩后的右边框
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: none;
}
// 气泡框样式
.ant-tooltip-inner,
.ant-tooltip-arrow-content {
  background-color: rgb(16, 71, 83) !important;
}
.ant-tooltip-inner a {
  color: white !important;
}
// 收缩的样式
.ant-layout-sider-trigger {
  background-color: rgb(4, 77, 100) !important;
}
// sider 的背景色
.ant-layout-sider {
  background-color: #40a9ff !important;
}

// 选中菜单状态
.ant-menu-item-selected {
  background-color: rgba(0, 0, 0, 0.15) !important;
  color: white !important;
}
// 设置未选中菜单项鼠标滑过样式
.ant-menu-item-active {
  background-color: rgba(0, 0, 0, 0.15) !important;
  color: white !important;
}
